<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <style type="text/css">
  .he-working-care{margin-left:0px; padding: 5px;}
  .he-nav{margin-bottom: 0}
  .he-progress{height:25px; line-height: 25px; margin-bottom: 0px;}
  .he-history-year p{float: left; padding: 3px 3px 0 0;}
  .he-table{margin-bottom: 5px;}
  .he-table tbody tr{height: 48px;}
  .he-a-ask-day-leave{ font-size: 10px; display: block; cursor: pointer;}
  .he-a-overtime{ font-size: 10px; display: block; cursor: pointer; color: red;}
  .color-crimson{background: rgba(220,20,60, 0.2); color: #004080; }
  .color-yellow{background: rgba(255,255,0, 0.2); color: #004080; }
  .color-forestgreen{background: rgba(34,139,34, 0.5); color: #004080; }
  .date-vain{ background:white;}
  hr{margin: 2px 0 10px 0;}
  .operation-tip{font-weight:bold; height:20px; overflow:hidden;text-align:center; padding:3px 0;}
  .operation-tip span {background-color:#FFEF8C; padding: 2px 10px; -webkit-border-radius:5px;}
  </style>
  <script type="text/javascript" src="libs/jquery-1.8.0.js"></script>
  <script type="text/javascript" src="libs/underscore.js"></script>
  <script type="text/javascript" src="libs/common.js"></script>
  <title>HE Working Care!</title>
</head>
<body>
  <div id="he-working-care" class="he-working-care row span6">
  
    <ul id ="he-nav" class="nav nav-pills he-nav">
      <li class="active"><a href="#">今天</a></li>
      <li><a href="#">历史</a></li>
      <li><a href="#" alt="配置"><i class="icon-cog"></i></a></li>
    </ul>
<!--
    <div id="he-hero" class="hero-unit">
      <h2>fetching data...</h2>
      <p>Because of some weird reasons,sometimes you have to manual login.</p>
      <p><a id="manual-login" class="btn btn-min">Manual Login</a></p>
    </div>
-->
  <hr />
    <div id="he-page-0">
      <h4 id="he-today-date"></h4>
      <h5 id="he-title">努力工作，方能实现梦想。</h5>
      <div id="he-info" class="row">
        <p class="span3">2012-09-05</p>
        <b class="span3">50%</b>
      </div>

      <div id="he-progress" class="progress he-progress">
        <div class="bar bar-success" style="width:50%"></div>
        <div class="bar bar-danger" style="width:50%"></div>
      </div>
    </div>

    <div id="he-page-1">
      <div id="he-history-year" class="btn-toolbar he-history-year">
        <p><span class="label label-info">2000年</span></p>
        <div id="he-history-month" class="btn-group">
          <button class="btn btn-small">1</button>
          <button class="btn btn-small">2</button>
          <button class="btn btn-small">3</button>
          <button class="btn btn-small">4</button>
          <button class="btn btn-small">5</button>
          <button class="btn btn-small">6</button>
          <button class="btn btn-small">7</button>
          <button class="btn btn-small">8</button>
          <button class="btn btn-small">9</button>
          <button class="btn btn-small">10</button>
          <button class="btn btn-small">11</button>
          <button class="btn btn-small">12</button>
        </div>
      </div>
      <p>
        <span class="label color-crimson">&#60; 9h</span> &nbsp;|&nbsp; 
        <span class="label color-yellow">9 -- 12h</span> &nbsp;|&nbsp; 
        <span class="label color-forestgreen">&#62; 12h</span>
      </p>
      <table class="table table-bordered he-table">
        <thead>
          <tr>
            <th style="color:red;">日</th>
            <th>一</th>
            <th>二</th>
            <th>三</th>
            <th>四</th>
            <th>五</th>
            <th style="color:red;">六</th>
          </tr>
        </thead>
        <tbody>
        </tbody>
      </table>
      <button id="history-learning-more" class="btn btn-info" type="button">点击查看详细信息</button>
    </div>

    <div id="he-page-2">
      <span class="label label-info">Clear Data：</span>
      <button class="btn btn-small" type="button" flag="btn0">Leave</button>
      <button class="btn btn-warning btn-small" type="button" flag="btn1">UserInfo</button>
      <button class="btn  btn-danger btn-small" type="button" flag="btn2">All</button>
    </div>

  </div>

<script type="text/javascript" src="backgrounds/popup.js"></script>
</body>
</html>
